<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>分页 - 光年(Light Year Admin)后台管理系统模板</title>
    <meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
    <meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
    <meta name="author" content="yinqi">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/materialdesignicons.min.css" rel="stylesheet">
    <link href="../css/style.min.css" rel="stylesheet">
    <script src="../js/echarts.min.js"></script>
</head>

<body>
    <div class="lyear-layout-web">
        <div class="lyear-layout-container">
            <!--左侧导航-->
            <!--左侧导航-->
            <!--左侧导航-->
            <aside class="lyear-layout-sidebar">
                <!-- logo -->
                <div id="logo" class="sidebar-header">
                  <a href="../index.html"
                    ><img
                      src="../images/logo-sidebar.png"
                      title="LightYear"
                      alt="LightYear"
                  /></a>
                </div>
                <div class="lyear-layout-sidebar-scroll">
                  <nav class="sidebar-main">
                    <ul class="nav nav-drawer">
                      
                      <li class="nav-item nav-item-has-subnav">
                        <a href="javascript:void(0)"
                          ><i class="mdi mdi-file-outline"></i> 学生管理</a
                        >
                        <ul class="nav nav-subnav">
                          <li>
                            <a href="../lms-admin/student_table.html">学生列表</a>
                          </li>
                         
                        </ul>
                      </li>
                   
      
                      <li class="nav-item nav-item-has-subnav">
                        <a href="javascript:void(0)"
                          ><i class="mdi mdi-file-outline"></i> 班级管理</a
                        >
                        <ul class="nav nav-subnav">
                          <li>
                            <a href="../lms-teacher/create_clazz.html">创建班级</a>
                          </li> <li>
                            <a href="../lms-admin/clazz_info.html">学习情况</a>
                          </li>
                        </ul>
                      </li>
      
      
                      <li class="nav-item nav-item-has-subnav">
                        <a href="javascript:void(0)"
                          ><i class="mdi mdi-file-outline"></i> 作业管理</a
                        >
                        <ul class="nav nav-subnav">
                          <li><a href="../lms-teacher/create_assignment.html">发布作业</a></li>
                          <li><a href="../lms-teacher/assignment_list.html">作业列表</a></li>
                        </ul>
                      </li>
                      <li class="nav-item nav-item-has-subnav">
                        <a href="javascript:void(0)"
                          ><i class="mdi mdi-file-outline"></i> 问卷管理</a
                        >
                        <ul class="nav nav-subnav">
                          <li><a href="../lms-teacher/create_questionnaire.html">发布问卷</a></li>
                          <li><a href="../lms-teacher/questionnaire_list.html">问卷列表</a></li>
                        </ul>
                      </li>
                      <li class="nav-item nav-item-has-subnav">
                        <a href="javascript:void(0)"
                          ><i class="mdi mdi-file-outline"></i> 论坛管理</a
                        >
                        <ul class="nav nav-subnav">
                          <li><a href="../lms-teacher/create_forum.html">发布帖子</a></li>
                          <li><a href="../lms-teacher/forum_list.html">帖子列表</a></li>
                          <li><a href="../lms-teacher/forum_list_self.html">我的帖子</a></li>
                        </ul>
                      </li>
                    </ul>
                  </nav>
                </div>
              </aside>
            <!--End 左侧导航-->

            <!--头部信息-->
            <header class="lyear-layout-header">

                <nav class="navbar navbar-default">
                    <div class="topbar">

                        <div class="topbar-left">
                            <div class="lyear-aside-toggler">
                                <span class="lyear-toggler-bar"></span>
                                <span class="lyear-toggler-bar"></span>
                                <span class="lyear-toggler-bar"></span>
                            </div>
                            <span class="navbar-page-title"> 后台首页 </span>
                        </div>

                        <div class="topbar-right">
                            <a href="javascript:void(0)" data-toggle="dropdown">
                                <span>笔下光年 <span class="caret"></span></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li> <a href="../lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a>
                                </li>
                            </ul>
                        </div>

                    </div>
                </nav>

            </header>
            <!--End 头部信息-->

            <!--页面主要内容-->
            <main class="lyear-layout-content">
              
              <iframe src="../lms-admin/student_show.html" width="100%" height="800px" frameborder="0"></iframe>

                <!-- <div class="container-fluid">

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4>个人信息</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <label class="col-xs-12">ID</label>
                                        <div class="col-xs-12">
                                            <div class="form-control-static" id="idStr"></div>
                                        </div>
                                        <label class="col-xs-12">姓名</label>
                                        <div class="col-xs-12">
                                            <div class="form-control-static" id="nameStr"></div>
                                        </div>
                                        <label class="col-xs-12">性别</label>
                                        <div class="col-xs-12">
                                            <div class="form-control-static" id="sexStr"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="col-lg-6">
                            <div class="card">
                                <div class="card-header">
                                    <h4>综合表现</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                      <div id="scatterChart1" style="width: 400px; height: 300px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="row">

                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4>作业列表</h4>
                                </div>
                              <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>作业名</th>
                                                <th>得分</th>
                                            </tr>
                                        </thead>
                                        <tbody id="assignmentAll">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                </div> -->
                  
            </main>
            <!--End 页面主要内容-->
        </div>
    </div>

    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/perfect-scrollbar.min.js"></script>
    <script type="text/javascript" src="../js/main.min.js"></script>
    <script type="text/javascript" src="../js/http.js"></script>

    <!--图表插件-->
    <script type="text/javascript" src="../js/Chart.js"></script>

    <script type="text/javascript">
        // var studentInfoStr = window.localStorage.getItem('studentInfo');
        // var studentInfo = JSON.parse(studentInfoStr);

        // var id = studentInfo.id;
        // var name = studentInfo.name;
        // var sex = studentInfo.sex;


        // $('#idStr').text(id)
        // $('#nameStr').text(name)
        // $('#sexStr').text(sex)

        // //作业
        // var res = httpListAssignmentAll({'id':id});
        // var data = res.data;

        // var htmlStr = '';
        // for(let i in data){
        //     htmlStr += `<tr>
        //                     <td>${data[i].name}</td>
        //                     <td>${data[i].score}</td>
        //                 </tr>`
        // }






        // //综合表现
        // var res = httpTableua({});
        // var tableData = res.data;

        // var t1 = [];
        // var t2 = [];
        // var t3 = [];
        // var t4 = [];

        // for(let i in tableData){
        //   var t = tableData[i];
        //   t1.push(t.postCount);
        //   t2.push(t.completeCount);
        //   t3.push(t.replyCount);
        //   t4.push(t.score);
        // }

        


        // var myChart1 = echarts.init(document.getElementById('scatterChart1'));
        // const animationDuration = 3000


        // var props = {
        //     className: {
        //         type: String,
        //         default: 'chart'
        //     },
        //     width: {
        //         type: String,
        //         default: '100%'
        //     },
        //     height: {
        //         type: String,
        //         default: '300px'
        //     },
        //     data() {
        //         return {
        //             chart: null
        //         }
        //     }
        // };


        // var option = {
        //     tooltip: {
        //         trigger: 'axis',
        //         axisPointer: { // 坐标轴指示器，坐标轴触发有效
        //             type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        //         }
        //     },
        //     radar: {
        //         radius: '66%',
        //         center: ['50%', '42%'],
        //         splitNumber: 8,
        //         splitArea: {
        //             areaStyle: {
        //                 color: 'rgba(127,95,132,.3)',
        //                 opacity: 1,
        //                 shadowBlur: 45,
        //                 shadowColor: 'rgba(0,0,0,.5)',
        //                 shadowOffsetX: 0,
        //                 shadowOffsetY: 15
        //             }
        //         },
        //         indicator: [
        //             { name: 'Sales', max: 10000 },
        //             { name: 'Administration', max: 20000 },
        //             { name: 'Information Techology', max: 20000 },
        //             { name: 'Customer Support', max: 20000 },
        //             { name: 'Development', max: 20000 },
        //             { name: 'Marketing', max: 20000 }
        //         ]
        //     },
        //     legend: {
        //         left: 'center',
        //         bottom: '10',
        //         data: ['Allocated Budget', 'Expected Spending', 'Actual Spending']
        //     },
        //     series: [{
        //         type: 'radar',
        //         symbolSize: 0,
        //         areaStyle: {
        //             normal: {
        //                 shadowBlur: 13,
        //                 shadowColor: 'rgba(0,0,0,.2)',
        //                 shadowOffsetX: 0,
        //                 shadowOffsetY: 10,
        //                 opacity: 1
        //             }
        //         },
        //         data: [
        //             {
        //                 value: [5000, 7000, 12000, 11000, 15000, 14000],
        //                 name: 'Allocated Budget'
        //             },
        //             {
        //                 value: [4000, 9000, 15000, 15000, 13000, 11000],
        //                 name: 'Expected Spending'
        //             },
        //             {
        //                 value: [5500, 11000, 12000, 15000, 12000, 12000],
        //                 name: 'Actual Spending'
        //             }
        //         ],
        //         animationDuration: animationDuration
        //     }]
        // };
        // myChart1.setOption(option);

    </script>
</body>

</html>